<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<!--自带行间距-->
<br>由于《Fate系列》的风行，Saber一词一般代指圣杯战争中的剑之骑士——剑士职阶的从者，最早是奈须蘑菇在中学时代创造的代表剑士的用法，因此与本义军刀完全无关。
<br>由于第五次和第四次圣杯战争的


Saber都是阿尔托莉雅·潘德拉贡，                   而对应的原作《Fate/stay night》和已经动画化的《Fate/Zero》又最广为人知，&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 所以在圈内圈外Saber一词很多情况特指她。
<!--空格"&nbsp"-->
<!-- 空格折叠，不会自动换行，多个换行会变成一个空格-->
<!--<br>标签自动换行-->
<br>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>Third</h3>
<h4>Forth</h4>
<h5>Fifth</h5>
<h5>Fifth</h5>
<!--ctl+D向下复制当前行-->
<h6>Sixth</h6>
<h7>Seventh</h7>
不像java一样严格虽然不存在"七级标题"但是不会报错，会按照不正确的方式展示出来
<br>
<b>加粗bold</b>
<s>删除线strike-through</s>
<i>斜体italic</i>
<u>下划线underline</u>
<br><br>不记样式由css控制
<br>
<p>段落</p>
<p>段落</p>
<p>有内容和行间距</p>
<p>会自动换行</p>
<p>Lorem 自动补充没有意义的测试假文Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur corporis cupiditate debitis dicta dignissimos dolorem dolores ducimus eius et facilis impedit ipsam, laudantium modi numquam quasi quia quisquam reprehenderit ut?</p>
<p>lorem*5的效果</p>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur molestiae mollitia obcaecati perferendis quis
  quo reiciendis rem, reprehenderit, sunt vel veritatis voluptates. Eligendi unde voluptas voluptatum? Expedita harum
  optio velit?
</div>
<div>Adipisci aperiam cum dignissimos, eius eos error labore minus molestiae molestias non quod similique voluptatum.
  Cumque ducimus quod recusandae saepe velit. Deserunt dolore dolorem eum quasi quibusdam! Necessitatibus veritatis,
  voluptate.
</div>
<div>Aliquam animi dolorem doloribus eos error hic in laudantium minus molestias numquam obcaecati officiis optio
  praesentium quasi, quidem repellendus velit veniam voluptatum. Adipisci corporis debitis harum ullam vero? Inventore,
  nisi.
</div>
<div>Aliquid cum deleniti, dolores est exercitationem illo laudantium maiores molestias nostrum nulla unde ut velit.
  Consectetur corporis exercitationem facilis impedit inventore, iusto modi necessitatibus placeat, qui similique
  veritatis voluptate voluptatibus.
</div>
<div>Ab autem consequuntur deleniti ducimus eum ex ipsa itaque laborum maxime minus necessitatibus obcaecati odit,
  officiis quas quis quo quod ratione repudiandae rerum sapiente similique sunt tempora vero voluptate voluptatum.
</div>
<p>水平分割线</p>

<hr>

<ol type="I">
 <li>有序列表 使用type改变样式</li> <!-- LI = ListItem-->
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>可加AaIi等属性</li>
</ol>
<ul type="square">
  <li>无序列表</li>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>可加square，none等属性</li>

</ul>
<ul type="none">
  <li>列表</li>
  <li>列表</li>
  <li>列表</li>
</ul>

</body>
</html>